<!DOCTYPE html>
<html lang="en">
<head>
    {include file="public/static" /}
</head>
<body>
    
    
    {include file="public/header" /}

   




    <div class="banner">
        <div class="index-main-1 swiper-container lbt1">
			<div class="swiper-wrapper" style="width: 10000px">
                            
                            
          {volist name="data_banner_1" id="v"}
                                <div class="swiper-slide" style="float:left;"><a class="pc-banner"  target="_blank" href="{$v.out_link}"> <img src="{$v.banner_img}" style="width: 100vw;min-width: 1200px;display:block"/></a></div>
            {/volist}
        
            
       			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination xyd1" style="bottom: 30px;"></div>
			<!-- 如果需要导航按钮 -->

        <div class="left-show">

        </div>
        <div class="right-show">

        </div>
        </div>
        
    </div>
    <div class="main-1">
        <div class="main-1-1">
            <div class="main-1-1-1">
                <img src="/static/home3/img/mxtk.jpg" alt="">
            </div>
            <div class="main-1-1-2">
                <!--<img src="/static/home3/img/vcr.jpg" alt="">-->
                  <video   controls id ="imgupload2"  width="520" height="560"  src="{if isset($data_url)}{$data_url.video_url}{/if}"></video>
            </div>
        </div>
        <div class="main-1-2">
            
            
            
            {volist name="inStar" id="s"}
                <div class="main-1-2-1">
                    <a href="/index.php/zphome/details?id={$s.id}">
                        <img src="{$s.main_img}" alt="{$s.title}">
                    </a>
                <div class="main-1-2-1-1">{$s.title}</div>
                 </div>                 
            {/volist}
            
            
            
               
            
            
        </div>
    </div>
    <div class="main-2">
        <div class="main-2-1">
            <img src="/static/home3/img/mxtkwj.png" alt="">
        </div>
        <div class="bkzt">
            <div class="bkzt-2 ">
                <div class="banner1   swiper-container swiper-container-horizontal">
                        <div class="swiper-wrapper clearfix " style="width: 30000px">
                            

                              {volist name="outStar" id="s"}
                <div class="swiper-slide" style="float:left;width: 100vw;"><a href="/index.php/zphome/details?id={$s.id}" target="_blank" class="pc-banner"> <img src="{$s.main_img}" alt="{$s.title}" style="width: 100vw;min-width: 1200px;display:block"/></a></div>                
                     {/volist}
                            
                            
                            
                            
                            
                              </div>
                        <div class="swiper-pagination xyd2" style="right: 147px" ></div>      
                        <!-- <div class="swiper-button-prev lft1"></div>
                        <div class="swiper-button-next rit1"></div> -->
                        <a href="#"><div class="ckgd"><img src="/static/home3/img/readmore.jpg" alt=""></div></a> 
                </div>
            </div>
        </div>
    </div>
    <div class="main-3">
        <div class="main-3-1">
            <img src="/static/home3/img/mxtkfz.png" alt="">
        </div>
        <div class="main-3-2">
                <div class="banner2   swiper-container swiper-container-horizontal">
                        <div class="swiper-wrapper clearfix " style="width: 30000px">
                            
                          
                             {volist name="sameStar_arr" id="v"}
                                 <div class="swiper-slide" style="float:left;">
                                <a href="/index.php/zphome/details?id={$v.id}" target="_blank" class="pc-banner"> 
                                    <div class="main-3-2-1">
                                        <img src="{$v.main_img}" alt="{$v.title}">
                                        <div class="main-3-2-1-1">| {$v.title}</div>
                                    </div>
                                    <div class="main-3-2-2">
                                    </div>
                                </a>
                            </div>
                             {/volist}
                                   
                            
                            
                        </div>
                        <div class="swiper-pagination xyd2" style="right: 147px" ></div>      
                  
                        
                </div>

            <div class="clearfloat"></div>
        </div>
    </div>
    <div class="main-4">
        <div class="main-4-1">
            <img src="/static/home3/img/fgyp.png" alt="">
        </div>
        <div class="main-4-2">
            
            
            
                {volist name="kind" id="v"}
                                    <a href="/index.php/zphome/details?id={$v.id}">
                <div class="main-4-2-1">
                    <img  src="{$v.main_img}" alt="{$v.title}">
                    <div class="main-4-2-1-1">
                        <div class="main-4-2-1-1-1">
                            <p>VIEW THE DETAILS </p>
                            <span>{$v.title} </span>
                        </div>
                        <div class="main-4-2-1-1-2">
                            <p>Date Time </p>
                            <span>{$v.create_time} </span>
                        </div>
                        <div class="main-4-2-1-1-3">VIEW THE DETAILS</div>
                    </div>
                </div>
            </a>
                             {/volist}  
            <div class="clearfloat"></div>
            
            
            
            
        </div>
    </div>
    <div class="main-5">
        <div class="main-5-1">
            <img src="/static/home3/img/mzkp.png" alt="">
        </div>
        <div class="main-5-2">
            <div class="banner3   swiper-container swiper-container-horizontal">
                <div class="swiper-wrapper clearfix " style="width: 30000px">
                    
                    
                    
                    
                    
                    {volist name="data_kz" id="v"}
                     <div class="swiper-slide" style="float:left;">
                        <a href="/index.php/zphome/details?id={$v.id}" target="_blank" class="pc-banner"> 
                            <div class="main-5-2-1">
                                <img src="{$v.main_img}" alt="{$v.title}">
                                <div class="main-5-2-1-1">
                                    <p>100%真实客户</p>
                                    <span>{$v.title}</span>
                                </div>
                            </div>
                        </a>
                    </div>
                             {/volist}  
            
         
                             
                </div>
            </div>
            <div class="clearfloat"></div>
        </div>
    </div>
    <div class="main-6">

        
        
        <div class="main-6-1">
            <img src="/static/home3/img/ants.png" alt="">
        </div>              
        <div class="main-6-2">
            
            

            
                {volist name="data_ana" id="v"}
                       <div class="main-6-2-1">
                <div class="main-6-2-1-1">
                    <a  href="/index.php/zphome/details?id={$v.id}" target="_blank"><img src="{$v.main_img}" alt="{$v.title}"></a>
                </div>
                <div class="main-6-2-1-2">
                    <h3> {$v.title}</h3>
                    <p>{$v.side}</p>
                    <a href="/index.php/zphome/details?id={$v.id}" target="_blank">了解详情</a>
                </div>
            </div>
                             {/volist} 
            
            <div class="clearfloat"></div>
        </div>  
        
       
            
        
        
    </div>
   

{include file="public/foot" /}
    
</body>
<script type="text/javascript">
    var mySwiper = new Swiper ('.banner1', {
        direction: 'horizontal',
        noSwiping : true,
        loop: true,
        autoplay : 2000,
        nextButton: '.swiper-button-next3',
        prevButton: '.swiper-button-prev3',
        pagination: '.xyd2',
    })
    var mySwiper = new Swiper ('.banner2', {
        direction: 'horizontal',
        noSwiping : true,
        loop: true,
        autoplay : 2000,
        nextButton: '.swiper-button-next3',
        prevButton: '.swiper-button-prev3',
        pagination: '.xyd2',
        slidesPerView : 5,
        slidesPerGroup : 1,
    })

    var a=$(window).width()*0.117
    console.log(a)
    var mySwiper = new Swiper ('.banner3', {
        direction: 'horizontal',
        noSwiping : true,
        loop: true,
        autoplay : 2000,
        nextButton: '.swiper-button-next3',
        prevButton: '.swiper-button-prev3',
        pagination: '.xyd2',
        slidesPerView : 4,
        slidesPerGroup : 1,
        spaceBetween : "1.5%",
        slidesOffsetBefore :a,
    })

</script>
<script>
    // $("p").hover(function(){
    //     $("p").css("background-color","yellow");
    // },function(){
    //     $("p").css("background-color","pink");
    // });
</script>
</html>